@extends('Home.varieties.layout')
@section('title','品种的功效与作用--中药材天地网')
@section('con')
        <!-- 主题内容 -->
        <div id="body">
            <section class="content-wrapper main-content clear-fix">
                <div class="w ovh">
                    <div class="adArea">
                        <a href="#" target="_blank">
                        </a>
                    </div>
                    <div class="breadCrumbs skuRangeCrumbs">
                        <span class="g9">
                            当前位置：
                        </span>
                        <span>
                            <a href="{{url('/home/')}}">
                                首页
                            </a>
                        </span>
                        &gt;
                        <span>
                            <a href="javascript:void 0;">
                                {{$name[0] -> name}}功效与作用
                            </a>
                        </span>
                    </div>
                    <!-- 所属书 -->
                    <ul id="effectTabs" class="effectTab topbd">
                        @foreach($varieties as $bk => $bv)
                        <li>
                            <a href="#{{$bv -> from}}">
                                <span>
                                    <!-- 《中国药典》 -->
                                    {{$bv -> from}}
                                </span>
                            </a>
                        </li>
                        @endforeach
                    </ul>
                    <!-- 详细内容 -->
                    <div id="effectCons" class="effectCon">
                        
                        @foreach($varieties as $k => $v)
                        <div name="{{$v -> from}}" id="{{$v -> from}}">
                            <h2 id="m1">
                                <!-- 《中国药典》 -->
                                {{$v -> from}}
                            </h2>
                            <div class="content f14">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div>
                                                    <p class="show">
                                                        <strong>
                                                            【名称】
                                                        </strong>
                                                        
                                                        <label>{{$v -> mName}}</label>
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【拼音名】
                                                        </strong>
                                                        <label>{{$v -> pinyin}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【英文名】
                                                        </strong>
                                                        <label>{{$v -> eName}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【别名】
                                                        </strong>
                                                        <label>{{$v -> aliasName}}</label>
                                                         
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【药材属性】
                                                        </strong>
                                                        <label>{{$v -> properties}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【来源】
                                                        </strong>
                                                        <label>{{$v -> source}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【生境分布】
                                                        </strong>
                                                        <label>{{$v -> habitat}}</label>
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【栽培】
                                                        </strong>
                                                        <label>{{$v -> cultivate}}</label>
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【性状】
                                                        </strong>
                                                        <label>{{$v -> character}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【化学成分】
                                                        </strong>
                                                        <label>{{$v -> chemical}}</label>
                                                       
                                                    </p>
                                                     <p class="show">
                                                        <strong>
                                                            【作用】
                                                        </strong>
                                                        <label>{{$v -> effect}}</label>
                                                       
                                                    </p>
                                                     <p class="show">
                                                        <strong>
                                                            【毒性】
                                                        </strong>
                                                        <label>{{$v -> toxicity}}</label>
                                                       
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【鉴别】
                                                        </strong>
                                                        <label>{{$v -> identify}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【炮制】
                                                        </strong>
                                                        <label>{{$v -> processing}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【性味】
                                                        </strong>
                                                        <label>{{$v -> taste}}</label>
                                                       
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【归经】
                                                        </strong>
                                                        <label for="">{{$v -> meridian}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【功效】
                                                        </strong>
                                                        <label for="">{{$v -> power}}</label>
                                                        
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【用法用量】
                                                        </strong>
                                                        <label for="">{{$v -> dosage}}</label>
                                                        
                                                    </p>
                                                     <p class="show">
                                                        <strong>
                                                            【注意】
                                                        </strong>
                                                        <label for="">{{$v -> mind}}</label>
                                                       
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【储藏】
                                                        </strong>
                                                        <label for="">{{$v -> storage}}</label>
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【备注】
                                                        </strong>
                                                        <label for="">{{$v -> remarks}}</label>
                                                    </p>
                                                     <p class="show">
                                                        <strong>
                                                            【附方】
                                                        </strong>
                                                        <label for="">{{$v -> attached}}</label>
                                                       
                                                    </p>
                                                     <p class="show">
                                                        <strong>
                                                            【名家论坛】
                                                        </strong>
                                                        <label for="">{{$v -> exposition}}</label>
                                                       
                                                    </p>
                                                    <p class="show">
                                                        <strong>
                                                            【摘录出处】
                                                        </strong>
                                                        <label for="">{{$v -> from}}</label>
                                                        
                                                    </p>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endforeach
                        
                        
                    <div class="adArea">
                        <a href="#" target="_blank">
                        </a>
                    </div>
                </div>
            </section>
        </div>
        <!-- 没有值的字段不显示 -->
        <script type="text/javascript">
            // console.log($('.show label').size());
            $('.show label').each(function(){
                if($(this).html().trim()=='')
                    $(this).parent().css('display','none');
            })
        </script>
        <!-- 头部悬浮框 -->
        <script>
            function getOffsetTop(o) {
                var top = 0;
                while (o != null && o != document.body) {
                    top += o.offsetTop;
                    o = o.offsetParent;
                }
                return top;
            }
            var obj = $("#effectTabs");
            var t1 = obj.offset().top;
            var dds = $("#effectTabs li");
            var lis = $('#effectCons').children();
            window.onscroll = function() {
                var obj = $("#effectTabs");
                var t = obj.offset().top;
                var h = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop;
                var hei = t - h;
                if (hei < 0) {
                    obj.addClass("effect_addfixd");
                }
                if (h - t1 < 0) {
                    obj.removeClass("effect_addfixd");
                }
                for (var i = 0; i < dds.length; i++) {
                    if (h + 60 > $(lis[i]).offset().top) {
                        for (var j = 0; j < dds.length; j++) {
                            $(dds[j]).removeClass("hover");
                        }
                        $(dds[i]).addClass("hover");
                    }
                }
            };
        </script>
@endsection